<html>
    <button id="bnt">点击</button>
</html>
<script>
    //setTimeout的延迟是不准确的
    document.getElementById('bnt').onclick = function(){
        var start = Date.now();
        console.log("before");
        var st = setTimeout(function(){
            console.log("timeing = ",Date.now() - start);
        },10000)
        console.log("after");
        for(var i = 0; i< 100000000; i++){

        }
        clearTimeout(st);
    }

    function setTimeout2(){ 
        // console.log("out");
        setTimeout(function(){
            alert('inner');//在执行回调函数
        }, 100);
        alert('outer');//先执行初始化函数
    }
    // setTimeout2();

    //事件轮询：将回调队列中的函数放到执行栈中处理（一个接一个）。起缓存作用
    setTimeout(function(){
        console.log("1");
    },0)
    setTimeout(function(){
        console.log("0");
    },0)
</script>